<template>
    <router-view/>
</template>
<script>
export default {
  name: "App"
}
</script>
<style>
#app {
  width: 100%;
  height: 100%;
}

ul {
  list-style: none;
  padding: 0;
}
.mb10{
  margin-bottom: 10px;
}

.mt20{
  margin-top: 20px;
}
.prl10{
  padding:0 10px;
}
.btn-block{
  width: 100%;
}
.config,.el-tabs {
  width: 100%;
  height: 100%;
}


.el-input,.el-input-number,.el-select{
  width: 100% !important;
}
.el-input__inner{
  width: 100% !important;
}
.el-collapse,.el-collapse-item,.el-collapse-item__header{
  background: rgba(0,0,0,0) !important;
}
.el-collapse{
  border-color:#303133 !important;
}
.el-collapse-item__wrap{
  background: rgba(0,0,0,0) !important;
  border-color:#303133 !important;
}
.el-collapse-item__header{
  border-color:#303133 !important;
  color:#fff !important;
}
.el-form-item__label{
  color:#fff !important;
}
.el-tabs__content{
  height: calc(100% - 55px);
  padding-bottom:40px;
  overflow: auto !important;
}

.config .ant-tabs-tab{
  margin-right: 0 !important;
}
.ant-tabs-tab .config-tab-text{
  color:#ffffff;
}
.ant-tabs-tab .config-tab-text:hover{
  color:#1890ff;
}
.ant-tabs-tab-active .config-tab-text{
  color:#1890ff;
}
.ant-input-number{
  width: 100% !important;
}
.ant-form-item-label > label{
  color:#fff !important;
}
.ant-image-preview-wrap{
  z-index: 9999999 !important;
}
.ant-tabs-nav,.ant-tabs-nav>div:first-child{
  width: 100% !important;
}
.ant-tabs-nav>div:first-child{
  display: flex !important;
  justify-content: space-between !important;
}
.ant-tabs-tab{
  width: 25%;
}
.ant-tabs-tab-prev,.ant-tabs-tab-next{
 display: none !important;
}
.ant-tabs-nav-container{
  padding:0 !important;
}
.jsoneditor-poweredBy {
  display: none;
}

</style>
